<template>
  <el-pagination
    background
    layout="prev, pager, next"
    :page-count="$store.state.pageSum"
    @current-change="currentChange"
  ></el-pagination>
</template>

<script>
export default {
  name: "page-info",
  props: {
    actionName: {
      type: String,
      default: null
    },

    // 向下传值时，如果要设置默认值。默认值是一个引用类型，default 应该写一个函数，该函数返回的值才是你的默认值。
    params: {
      type: Object,
      default() {
        return {};
      }
    }
  },
  methods: {
    currentChange(pageIndex = 1) {
      this.$store.dispatch(this.actionName, {
        ...{ pageIndex },
        ...this.params
      });
    }
  },
  mounted() {
    this.$store.dispatch(this.actionName);
  }
};
</script>
